<template>
  <div>
	  

	<section class="featured-block text-center">
		<div class="container">
			<tr>
				<td style="padding:10px;">
					用户名:
				</td>
				<td>
					<input type="text" v-model="username">
				</td>
			</tr>
		
			<tr>
				<td>
					密码:
				</td>
				<td>
					<input type="password" v-model="password">
				</td>
			</tr>
			
			<tr>
				
				<td>
					<Button @click="submit">注册</Button>&nbsp;&nbsp;

				</td>
			</tr>
			
		</div>
	</section>
	
	
    
  </div>
  
</template>

<script>

export default {
  data () {
    return {
	  
	  username:'',
	  password:'',
	  
    }
  },
  mounted:function(){

   
  
},

  methods:{
	  
	 
	  submit:function(){
		  if (this.username == ''){
			  this.$Message('用户名不能为空')
			  return false
		  }
		  if (this.password == ''){
			  this.$Message('密码不能为空')
			  return false
		  }
		  //像后端发送请求
		  this.axios.get('http://localhost:8000/register',{params:{username:this.username,
		  password:this.password}}).then((result)=>{
			  	console.log(result);
				this.$Message(result.data.message)

		  })
	  },

     
  },

}


</script>
 
<style>



</style>